<template>
  <el-row :gutter="6">
    <el-col :span="4">
      <el-card @click="ToFio">
        <span  class="card-title">跳转</span>
        <el-divider border-style="dashed" />
        <span class="card-desc">fio性能压测工具</span>
      </el-card>
    </el-col>


  </el-row>
</template>

<script lang="ts" setup>
import {useRouter} from "vue-router";

const router = useRouter()

const ToFio = () => {
  router.push({"name": "接口测试"})
}
</script>

<style>
.el-card {
  background-color: white;
  height: 100px;
  width: 200px;
  align-items: center;
}
.card-title {
  font-size: 12px;
}

.el-card:hover {
  background-color: cornflowerblue;
}
</style>
